</div><!-- col-sm-9 col-md-9 col-lg-10 end -->
    </div><!-- row page-wrapper end -->

</div><!-- container-fluid end -->

<script src="<?php echo $site_cdnpublic; ?>jquery/1.12.4/jquery.min.js"></script>
<script src="<?php echo $site_cdnpublic; ?>twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script src="<?php echo $site_cdnpublic; ?>layer/3.1.1/layer.js"></script>
<!-- 拟态风格弹窗功能 -->
<script src="<?php echo $site_cdnpublic; ?>js/custom_layer.js"></script>

<!-- 侧边栏控制功能 -->
<script>
$(document).ready(function() {
    // 初始化侧边栏控制功能
    function initMobileSidebar() {
        var sidebar = $('#mobile-sidebar');
        
        // 创建遮罩层
        var backdrop = $('<div class="sidebar-backdrop"></div>').appendTo('body');
        backdrop.css({
            'position': 'fixed',
            'top': '0',
            'left': '0',
            'width': '100%',
            'height': '100%',
            'background-color': 'rgba(0, 0, 0, 0.5)',
            'z-index': '1049',
            'display': 'none',
            'transition': 'opacity 0.3s ease-in-out'
        });
        
        // 汉堡菜单点击事件处理
        $('#mobile-menu-toggle').click(function() {
            if (sidebar.hasClass('active')) {
                // 隐藏侧边栏
                sidebar.css('left', '-300px');
                backdrop.hide();
                sidebar.removeClass('active');
                // 在移动模式下恢复电脑端布局
                if (window.innerWidth > 767) {
                    resetSidebarStyles();
                }
            } else {
                // 显示侧边栏 - 先应用移动样式
                applyMobileStyles();
                sidebar.css('left', '0');
                backdrop.show();
                sidebar.addClass('active');
            }
            return false;
        });
        
        // 点击遮罩层关闭侧边栏
        backdrop.click(function() {
            sidebar.css('left', '-300px');
            backdrop.hide();
            sidebar.removeClass('active');
            // 在移动模式下恢复电脑端布局
            if (window.innerWidth > 767) {
                resetSidebarStyles();
            }
        });
        
        // 点击侧边栏内部不关闭
        sidebar.click(function(e) {
            e.stopPropagation();
        });
        
        // 应用移动端样式
        function applyMobileStyles() {
            sidebar.css({
                'position': 'fixed',
                'top': '0',
                'width': '130px',
                'height': '100%',
                'z-index': '1050',
                'transition': 'left 0.3s ease-in-out',
                'overflow-y': 'auto',
                'background-color': 'var(--bg-color)',
                'box-shadow': '2px 0 8px rgba(0, 0, 0, 0.2)'
            });
        }
        
        // 恢复电脑端样式
        function resetSidebarStyles() {
            sidebar.css({
                'position': '',
                'top': '',
                'left': '',
                'width': '',
                'height': '',
                'z-index': '',
                'transition': '',
                'overflow-y': '',
                'background-color': '',
                'box-shadow': ''
            });
        }
        
        // 窗口大小变化时处理
        $(window).resize(function() {
            if (window.innerWidth > 767) {
                // 在电脑端恢复原始布局
                resetSidebarStyles();
                backdrop.hide();
                sidebar.removeClass('active');
            } else {
                // 在移动端默认隐藏侧边栏
                applyMobileStyles();
                sidebar.css('left', '-300px');
                backdrop.hide();
            }
        });
        
        // 初始化时根据窗口大小设置状态
        if (window.innerWidth > 767) {
            // 在电脑端保持原始布局
            resetSidebarStyles();
        } else {
            // 在移动端默认隐藏侧边栏
            applyMobileStyles();
            sidebar.css('left', '-300px');
            backdrop.hide();
        }
    }
    
    // 确保在页面加载完成后初始化侧边栏功能
    if ($('#mobile-sidebar').length && $('#mobile-menu-toggle').length) {
        initMobileSidebar();
    }
    
    // 防止点击汉堡菜单时页面背景变灰
    $('#mobile-menu-toggle').mousedown(function() {
        return false;
    });
});</script>